<template>
	<div class="json">
	<div id="jsoneditor"></div>
	</div>
</template>
<script>
import JSONEditor from '../../static/css/jsoneditor.js';
export default {
	name: 'list',
	data() {
		return {
			jsonz:'',
			editor:'',
			options:'',
		};
	},
	mounted: function () {
		var container = document.getElementById('jsoneditor');
		var options = {
			mode: 'code',
			modes: ['code'],
			// modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
			onError: function (err) {
				alert(err.toString());
			}
		};
		var editor = new JSONEditor(container, options);
		var json = new Object();
		editor.set(json);
	},
	methods: {
	},
};
</script>
<style  scoped >
	.json{
		overflow: hidden;
	}
	#jsoneditor {
			width: 91%;
			height: 200px;
			float: left;
		}
		#datejson{
			width: 45%;
			height: 200px;
			float: left;
		}
		#conter{
			width: 8%;
			height: 200px;
			float: left;
			margin-left: 1.5%;
			display: none;
		}
		#conter button{
			margin-top: 50px;
			margin-right:0px;
		}
</style>